<template>
  <div class="banner">
            <img src="/img/fuwu/download1.png">
            <div class="banner-content">
                <h1 class="title">产品服务介绍</h1>
                <p>丰富的内容、优质的产品、贴心的服务</p>
            </div>
        </div>
</template>
<style scoped>
  .banner{
    width: 100%;
    height: 360px;
    background: #F7F8FA;
    margin-top: 48px;
    position: relative;
    display: flex;
    overflow: hidden;
    z-index: -1;
}
.banner img{
    position: absolute;
    right: 121px;
    width: 560px;
    height: 360px;
    /* z-index: 99; */
}
.banner .banner-content{
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-left: 99px;
}
.banner-content .title{
    font-size: 40px;
    margin-bottom: 12px;
    font-weight: 500;
}
.banner-content p{
    line-height: 33px;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
    opacity: .8;
}
</style>